<template>
  <div class="flex flex-col h-full min-w-fit ">
    <header class="h-12 flex justify-between items-center px-3">
      <div>
        <slot name="header-left"></slot>
      </div>
      <div>
        <slot name="header-right"></slot>
      </div>
    </header>
    <n-divider></n-divider>
    <div class="flex-1 p-3 h-full overflow-hidden">
      <slot></slot>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.n-divider:not(.n-divider--vertica) {
  margin: 0;
}
</style>